html {background: #f2f2f2;}
.statpad .layui-col-md8,
.statpad .layui-col-md4,
.statpad .layui-col-md12 {padding: 10px;}

.statpad .layui-card {height: 400px;}
.qytj {border-radius: 2px; background-color: #fff; box-shadow: 0 1px 2px 0 rgba(0,0,0,.05); display: flex;  margin:16px 3px;}
.qytj .left {width:20%; background: #fafbfc; border-right: 1px solid #e8ebee; padding: 15px;}
.qytj .right {padding: 15px;}

.studytab .layui-col-sm6,
.studytab .layui-col-md3 {}
.studytab .stu {background: #19c2d8; padding: 15px; border-radius: 3px; text-align: center;}
.studytab .stu img {margin-top: 10px;}
.studytab .stu span {display: block; font-size: 18px; color: #fff; padding: 10px;}
.cor1 {background: #a236b5 !important;}
.cor2 {background: #2196f3 !important;}
.cor3 {background: #673ab7 !important;}

.grtit {padding: 20px; font-size: 20px; color: #000000;}
.grtit img {margin-right: 10px;}
.grul {padding: 20px; display: flex; flex-wrap: wrap;}
.grul li {background: #f4f4f4; width: 25%; float: left; margin-left: 5%; padding:20px 10px; border-radius: 3px; color: #666666; font-size: 16px; text-align: center; position: relative; margin-bottom: 30px;}
.grul li label {display: block; font-size: 18px; color: #000; margin-top: 10px;}
.grul li span {position: absolute; left: -30px; top: 18%; width: 55px; height: 55px; background: #7db5ec; color: #fff; text-align: center; line-height: 55px; border: 5px solid #fff; border-radius: 50%; font-size: 30px;}
.scol {background: #ff707a !important;}
.rlys .layui-card {height: 500px;}
